<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>个人信息</title>
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <style>
        .line{
           position: absolute;
            left:-5px;
            top:7px;
            width:3px;
            height:15px;
            background: #2D8CF0;
            margin:3px 0  0 20px;
            border-radius: 5px;
        }
        .mui-input-row .mui-pull-right{
            margin:10px 20px 0 0;
        }
        .mui-input-row .mui-pull-right-icon{
            float:right;
            margin:5px 35px 0 0;
            width:30px;
            height:30px;
            border-radius: 50%;
            overflow: hidden;
            border:1px solid #2D8CF0;

        }
        .mui-pull-right-icon img{
            border-radius: 50%;
        }
        .mui-tit label{
            margin-left:10px;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"></h1>
</header>
<div class="mui-content" id="myinfo">
    <form class="mui-input-group">
        <div class="mui-input-row mui-tit">
            <span class="line"></span>
            <label>个人信息</label>
        </div>
        <div class="mui-input-row">
            <label>姓名</label>
            <span class="mui-pull-right">张三</span>
        </div>
        <div class="mui-input-row">
            <div class="mui-navigate-right">
                <label>头像</label>
                <div class="mui-pull-right-icon">
                    <img src="../../images/girl.jpg" width="30" alt="">
                </div>
            </div>
        </div>
        <div class="mui-input-row">
            <label>手机号</label>
            <span class="mui-pull-right">13098764434</span>
        </div>
        <div class="mui-input-row">
            <label>用户等级</label>
            <span class="mui-pull-right">v1</span>
        </div>
        <div class="mui-input-row">
            <label>直排人数</label>
            <span class="mui-pull-right">12</span>
        </div>
        <div class="mui-input-row">
            <label>下排所有人数</label>
            <span class="mui-pull-right">122</span>
        </div>
        <div class="mui-input-row mui-tit">
            <span class="line"></span>
            <label>推荐人信息</label>
        </div>
        <div class="mui-input-row">
            <label>推荐人</label>
            <span class="mui-pull-right">李四</span>
        </div>
        <div class="mui-input-row">
            <label>推荐人手机号</label>
            <span class="mui-pull-right">15678908765</span>
        </div>
        <div class="mui-input-row mui-tit">
            <span class="line"></span>
            <label>结算信息</label>
        </div>
        <div class="mui-input-row">
            <label>银行卡号</label>
            <span class="mui-pull-right">**** **** **** 1222</span>
        </div>
        <div class="mui-row" style="line-height:40px;">
            <div class="mui-col-xs-3" style="padding-left:15px;">银行名称</div>
            <div class="mui-col-xs-9 mui-text-right" style="padding:10px 15px 10px;line-height:20px;">
                交通银行交通银行交通银行交通银行交通银行交通银行
            </div>
        </div>
    </form>
</div>
<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
</body>
</html>